<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="fullpage.js/jquery.fullPage.css">
    <link rel="stylesheet" href="./styles/teacher.css">
    <link rel="stylesheet" href="./styles/css3list.css">
    <script data-main="./scripts/teacher" src="requirejs/require.js"></script>
    <title>学生二维码登录</title>
</head>

<body>
    <nav class="navbar navbar-inverse navbar-fixed-top" id="navbar">
        <div class="container">
            <div class="navbar-header">
                <button type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" class="navbar-toggle collapsed">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar">
                         
                    </span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand"><img style="width:30px; display:inline-block" alt="140x140" src="images/logo.png"> CRS课堂应答系统
                </a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav" id="navbar-nav">
                    <li><a href="cmgr.html">题目管理</a></li>
                    <li class="active"><a href="#page_login">学生二维码登录</a></li>
                    <li><a href="#page_beginanswer">开始答题</a></li>
                </ul>
            </div>
            <!-- /.nav-collapse-->
        </div>
    </nav>
    <div id="fullpage">
        <div data-anchor="page_login" class="container-fluid section">
            <div class="row-fluid">
                <div class="col-xs-12">
                    <div class="row-fluid">
                        <div class="col-xs-12">
                            <div class="page-header">
                                <div class="row-fluid">
                                    <div class="col-xs-2"><img alt="140x140" src="images/7.gif" class="img-polaroid"> </div>
                                    <div class="col-xs-8">
                                        <h1 id="title_h1"><img style="width:30px;" alt="140x140" src="images/logo.png" />课堂应答系统</h1> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="col-xs-4">
                            <div id="login_bincode"></div>
                            <h4 align="center">扫码二维码登录</h4>
                        </div>
                        <div class="col-xs-5">
                            <p><span><strong>当前已登录人数: <span class="badge">0</span></strong>
                                </span>
                            </p>
                            <ol id="logined_users_box" class="rounded-list">
                            </ol>

                        </div>
                        <div class="col-xs-3">
                            <form onsubmit="return false;">
                                <h4>当前选择的题库： </h4>
                                <input id="p_group" type="text" placeholder="默认全部" disabled="" class="form-control">
                                <br>
                                <br>
                                <div class="dropdown">
                                    <button id="dropdownMenu2" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-default dropdown-toggle">选择题库类别<span class="caret"></span></button>
                                    <ul aria-labelledby="dropdownMenu2" class="dropdown-menu">
                                        <li><a href="#">Action</a></li>
                                        <li><a href="#">Another action</a></li>
                                        <li><a href="#">Something else here</a></li>
                                        <li><a href="#">Separated link</a></li>
                                    </ul>
                                </div>
                                <br>
                                <br>
                                <br>
                                <br>
                                <button id="btn_beginanswer" type="button " class="btn btn-primary btn-large btn-block">开始答题</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-anchor="page_beginanswer" class="container-fluid sec section" id="page2">
            <div id="ctl_panel" class="container">
                <div class="row ">
                    <div class="col-xs-12 ">
                        <button type="button" id="btn_yd" class="btn btn-default btn-block btn-primary">停止作答</button>
                        <br>
                    </div>
                    <div class="col-xs-1 col-xs-offset-1">
                        <span class="label label-primary" role="label">应答进度:</span>
                    </div>
                    <div class="col-xs-10   ">
                        <div class="progress fullwidth">
                            <div class="progress-bar expand " id="p_yd" style="width:0%;">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-1  col-xs-offset-1">
                        <span class="label label-primary" role="label">题目进度:</span>
                    </div>
                    <div class="col-xs-10  ">
                        <div class="progress fullwidth">
                            <div class="progress-bar  expand" id="p_tm" style="width:0%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="tmlist_wraper"></div>
        </div>
    </div>
    <div class="modal fade" id="loading_Modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="tip_content">正在连接服务器。。。</h4>
                </div>
                <div class="modal-body">
                    <img src="images/loading.gif" width="100%">
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <div class="modal fade" id="yd_result">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="tip_content">应答结果</h4>
                </div>
                <div class="modal-body" >
                    <div id="yd_result_content" >
                        正在计算应答结果。。。
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btn_yd_next" data-loading-text="登录中..." autocomplete="off">下一题</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</body>

</html>
